body{
	font-family:Verdana, Geneva, sans-serif;
}

.dvcanvas{
background-image:url("res/fond.jpg");
position:absolute;
width:552px;
left:400px;
height:352px;
border:solid;
border-size:1px;
margin-top: 200px;
}

#cvs{
position:absolute;
}

button{
	margin-right : 2px;
	margin-top : 7px;
	height:24px;
	border : 1px solid rgb(120,130,155);
	background-color:#e3eff1;
	font-size : 12px;
	padding : 2px 2px 2px 2px;
}

button:hover{
	background-color:#dbdddb;
}

.cdrag{
height:20px;
width:100%;
	background-color:#449ed0;
cursor:move;
background: -moz-linear-gradient(left,#a2adad,#d2dded);
background: o-linear-gradient(left,#a2adad,#d2dded);
background: linear-gradient(left,#a2adad,#d2dded);
background: -webkit-gradient(linear,left top, right top,from(#a2adad),to(#d2dded));
opacity:0.7;
	border-radius:2px 2px 0 0;
}

.couvrir{
opacity:0;
cursor:pointer;
width:18px;
filter:alpha(opacity=0);
}

.contcouvrir{
width:18px;
height:16px;
overflow:hidden;
background:url(res/ouvrir.png);
cursor:pointer;
display:inline-block;
margin:2px 0px 0px 0px;
border: 1px solid #FFF;
}


.scrollombre{
height:10px;
width:110px;
	margin-left:20px;
	background-color:white;
display:inline-block;
cursor:pointer;
}

.curombre{
width:10px;
height:10px;
	margin-left:0px;
	background-color:black;
	border-radius:5px;
}

.ctcurombre{
width:10px;
height:10px;
	margin-left:50px;
	background-color:black;
	border-radius:5px;
}

#fencolorimetre{
height:120px;
width:330px;
position:absolute;
left:850px;
top:420px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.curscrolcoul{
width:10px;
height:10px;
	margin-left:123px;
	background-color:black;
	border-radius:5px;
}

.scrollcoul{
height:10px;
width:266px;
	margin-left:20px;
	background-color:white;
display:inline-block;
cursor:pointer;
}

.fenreglage{

height:auto;
width:130px;
position:absolute;
left:150px;
top:320px;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.divreglage{
text-align:center;
margin:auto;
}

.divreglage ul{
text-align:center;
list-style:none;
width:100%;
margin: 0 ;
padding: 0 ;
display:none;
}

.divreglage ul li{
border: 1px solid white ;
border-left-width:0px;
border-right-width:0px;
border-top-width:0px;
text-align:center;
margin-top:2px;
font-size:12px;
color:gray;
cursor:pointer;
}

.divreglage ul li:hover{
color:#555555;
text-decoration: underline;
}

.divreglage div{
width:100%;
cursor:pointer;
border: 1px solid black;
border-left-width:0px;
border-right-width:0px;
border-top-width:0px;
}

.divreglage div:hover{
color:#555555;
text-decoration: underline;
}

.fenoutils{
height:150px;
width:49px;
position:absolute;
left:40px;
top:200px;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.divoutils{
display:inline-block;
margin:2px 0px 0px 0px;
border: 1px solid #FFF;
}

.outils{
height:18x;
width:18px;
display:inline-block;
padding:0px;
cursor:pointer;
margin:2px 2px 0px 2x;
border: 1px solid #FFF;
}


.fencouleur{
height:165px;
width:310px;
position:absolute;
left: 778px; top: 166px;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.fencouleur button{
margin-top : 3px;
}


#dv{
	background-color:black;
width:40px;
height:40px;
float:right;
	margin-top:-20px;
	margin-right:5px;
	border-style:solid;
	border-width:2px;
	border-color:#494949;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

.curscrolcoul2{
width:10px;
height:10px;
	margin-left:0px;
	background-color:black;
	border-radius:5px;
}

.scrollcoul{
height:10px;
width:265px;
	margin-left:20px;
	margin-top:5px;
	background-color:white;
display:inline-block;
cursor:pointer;
}

.coulcoul{
display:inline-block;
border: 1px solid #FFF;
	margin-left:8px;
	margin-top:2px;
}

#leinput{
width:60px;
}

#leinput2{
width:80px;
}

.coul, .coul2, .coul3, .coul4, .coul5, .coul6, .coul7, .coul8, .coul9, .coul10, .coul11, .coul12, .coul13{
display:inline-block;
width:15px;
height:15px;
	border-style:groove;
	border-width:1px;
	margin:2px 0px 0px 0px;
}

.coul{
	background-color:white;
}

.coul2{
	background-color:black;
}
.coul3{
	background-color:#808000;
}

.coul4{
	background-color:orange;
}
.coul5{
	background-color:yellow;
}

.coul6{
	background-color:#FFE4C4;
}
.coul7{
	background-color:silver;
}

.coul8{
	background-color:#9acd32;
}

.coul9{
	background-color:green;
}

.coul10{
	background-color:#FF1493;
}

.coul11{
	background-color:#4682b4;
}

.coul12{
	background-color:#ffa500;
}

.coul13{
	background-color:#deb887;
}

.arccoul{
display:block;
margin-top:10px;
}

.fenedition{
height:75px;
width:240px;
position:absolute;
left:120px;
top:210px;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.anuref{
height:16px;
width:16px;
border: 1px solid #FFF;
display:inline-block;
margin:1px;
cursor:pointer;
}

.anuref :hover ,.outils :hover{
opacity:0.6
}

#petpi{
height:20px;
width:20px;
	background-color:black;
border: 1px solid #FFF;
display:inline-block;
}

.fenedition select{
display:inline-block;
border: 1px solid #FFF;
}

.couledition{

display:inline-block;
border: 1px solid #FFF;
}

.fenlumi{
height:80px;
width:330px;
position:absolute;
left:850px;
top:560px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.scrollumi{
height:10px;
width:266px;
	margin-left:20px;
	background-color:white;
display:inline-block;
cursor:pointer;
}

.curlumi{
width:10px;
height:10px;
	margin-left:123px;
	background-color:black;
	border-radius:5px;
}

.fentexte{
height:130px;
width:330px;
position:absolute;
left:850px;
top:275px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.fentexte select{
display:inline-block;
	margin-top:4px;
}

.fentexte textarea{
height:20px;
width:70%;
margin:auto;
	margin-top:4px;
}
.scrolltexte{
height:10px;
width:200px;
	margin-left:20px;
	background-color:white;
display:inline-block;
cursor:pointer;
}

.curtexte{
width:10px;
height:10px;
	background-color:black;
	border-radius:5px;
}

.police_p{
float:right;
}

.fenombre{
height:140px;
width:330px;
position:absolute;
left:850px;
top:115px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.divombre{
height:100px;
width:100px;
	background-color:white;
float:right;
margin:3px;
}

#fendimension{
height:100px;
width:330px;
position:absolute;
display:none;
left:850px;
top:5px;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.dimproport{
float:right;
}



.fenfloue{
height:80px;
width:330px;
position:absolute;
left:450px;
top:530px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}


.scrolfloue{
height:10px;
width:266px;
	margin-left:20px;
	background-color:white;
display:inline-block;
cursor:pointer;
}

.curfloue{
width:10px;
height:10px;
	margin-left:0px;
	background-color:black;
	border-radius:5px;
}

.fenzdt{
height:195px;
width:230px;
position:absolute;
left:500px;
top:220px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.zdtgen{
width:100%;
}

.zdt1{
margin:auto;
display:block;
margin-bottom:6px;
margin-top:10px;
}

.zdtmi{
width:90px;
height:50px;
margin:auto;
}

.zdt2{
height:35px;
display:inline-block;
margin:auto;
}

.zdtelem{
height:40px;
width:50px;
display:inline-block;
background-color:white;
margin:auto;
}

.zdt3{
height:35px;
display:inline-block;
margin:auto;
}

.zdt4{
margin:auto;
display:block;
margin-bottom:3px;
}

.fenpixi{
height:80px;
width:330px;
position:absolute;
left:450px;
top:430px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.fenrelif{
height:150px;
width:330px;
position:absolute;
left:450px;
top:30px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}

.fenrelif button{
margin-top:10px;
}

.fenrelif select{
margin-top:10px;
}

.fendecol{
height:100px;
width:330px;
position:absolute;
left:75px;
top:525px;
display:none;
	background-color: #e6EEEE;
border: 1px solid #FFF;
padding:2px;
	border-radius:2px 2px 0 0;
}
